<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>Page 3</title>
        <link rel="stylesheet" type="text/css" href="../css/fonts.css" />
    </head>
    <body>
        <h1> Page 3 - Italic  </h1>
        
        <p style="font-family:OS-otf,sans-serif;font-style:italic;">
        Each Paragraph will have a different font that it uses.
        </p>
        
        <p style="font-family:OS-woff,sans-serif;font-style:italic;">
        However, all the fonts on the page /should/ appear to look the same because the only difference in the font is the file format.
        </p>
        
        <p style="font-family:OS-obf-otf,sans-serif;font-style:italic;">
        There are four fonts total, so there will be 5 paragraphs - the last one is the fallback font so it is obvious if one font isn't working.
        </p>
        
        <p style="font-family:OS-obf-woff,sans-serif;font-style:italic;">
        The font order will be: otf, woff, obf-otf, obf-woff.
        </p>
        
        <!--p>
        <font face="sans-serif">
        <i>
        This is the comparison paragraph, where a sans-serif font is used from html's font tag
        </i>
        </font>
        </p-->
        
        <p style="font-family:sans-serif;font-style:italic;">
        This is a comparison paragraph, with font set as sans-serif by inline css
        </p>
        
        
        
    </body>
</html>